
const state = {
  showLeft: true,
  showRight: true,
  viewControl: 'AppViewOne'
}

const getters = {
  getShowLeft (state) {
    return state.showLeft
  },
  getShowRight (state) {
    return state.showRight
  },
  getView (state) {
    return state.viewControl
  }
}

const actions = {}

const mutations = {
  toggleLeft (state) {
    state.showLeft = !state.showLeft
  },
  toggleRight (state) {
    state.showRight = !state.showRight
  },
  toggleView (state) {
    if (state.viewControl === 'AppViewOne') {
      state.viewControl = 'AppViewTwo'
    } else {
      state.viewControl = 'AppViewOne'
    }
  }
}

export default {
  namespaced: true,
  state,
  getters,
  actions,
  mutations
}